<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <head th:include="common/common_head :: commonHead('角色管理')"/>
</head>
<body class="larryms-auth">
<div class="layui-row larryms-panel">
    <div class="larryms-panel-heading layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12">
        <span class="panel-tit">系统角色管理</span>
    </div>
    <div class="larryms-panel-body layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12">
        <div class="larryms-tools">
            <form id="queryForm">
                <div class="larryms-search-box">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <input class="layui-input" height="20px" id="roleName"
                                   name="roleName" autocomplete="off" placeholder="角色名"/>
                        </div>
                        <div class="layui-input-inline">
                            <input class="layui-input" height="20px" id="roleDesc"
                                   name="roleDesc" autocomplete="off" placeholder="角色描述"/>
                        </div>
                        <div class="layui-input-inline">
                            <input class="layui-input" height="20px" id="userMobile"
                                   name="userMobile" autocomplete="off" placeholder="手机"/>
                        </div>
                        <a class="layui-btn larryms-search" id="searchBtn" data-type="query"
                           data-form="queryForm"><i class="layui-icon layui-icon-search"></i>搜索</a>
                        <a class="layui-btn larryms-search" id="reloadBtn" data-type="reload"
                           data-form="queryForm"><i class="layui-icon layui-icon-refresh"></i></a>
                    </div>
                </div>
            </form>
            <div class="larryms-btn-group" style="margin-top:10px">
                <button class="layui-btn layui-btn-sm layui-btn-normal"  data-type="add"
                        data-title="新增角色"  th:attr="data-url=@{/system/role/showAdd}">
                    <i class="layui-icon">&#xe61f;</i><cite>增加</cite></button>
                <button class="layui-btn layui-btn-sm" data-type="update"
                        data-title="修改角色" th:attr="data-url=@{/system/role/showUpdate}">
                    <i class="layui-icon">&#xe642;</i><cite>编辑</cite></button>
                <button class="layui-btn layui-btn-sm layui-btn-primary" data-type="detail"
                        data-title="查看角色详情" th:attr="data-url=@{/system/role/showUpdate}">
                    <i class="larry-icon larry-file-markdown"></i><cite>查看</cite></button>
            </div>
        </div>
        <div class="user-list layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12">
            <table id="roleList" lay-filter="roleList" class="larryms-table-id"
                   th:attr="data-url=@{/system/role/list}"></table>
        </div>
    </div>
</div>
<script type="text/html" id="toolBar">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail"
       data-title="查看角色详情" th:attr="data-url=@{/system/role/showUpdate}"><i class="larry-icon larry-file-markdown"></i>查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit"
       data-title="修改角色"  th:attr="data-url=@{/system/role/showUpdate}"><i class="larry-icon larry-file-markdown"></i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"
       th:attr="data-url=@{/system/role/delRole}"><i class="layui-icon layui-icon-delete"></i>删除</a>
</script>
<script type="text/javascript" th:src="@{/static/larryms/layui/layui.js}"/>
<script type="text/javascript">
    var table, bathPath = /*[[@{/}]]*/ "/";
    layui.cache.page = "role";
    layui.config({
        version: ui.version,
        base: bathPath + 'static/larryms/',  //实际使用时，建议改成绝对路径
        rightMenu: "none" // false关闭，设置为custom时使用自定义，不使用默认menu
    }).extend({
        larry:'js/base'
    }).use('larry');
</script>
</body>
</html>